<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>书城首页</title>
    <script th:src="@{/js/jquery-3.3.1.js}"></script>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/main.css}">
</head>
<body>
<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#" target="showiframe">书城主页</a>
        </div>
        <div class="navbar-header">
            <a class="navbar-brand" href="#" target="showiframe">购物车</a>
        </div>
        <div class="navbar-header">
            <a class="navbar-brand" th:href="@{/books}" target="showiframe">书籍管理</a>
        </div>
        <div class="navbar-header">
            <a class="navbar-brand" href="#">退出</a>
        </div>
    </div>
</nav>

<iframe name="showiframe" id="showiframe">1</iframe>

<footer class="navbar-fixed-bottom" style="background-color: black;color: white;height: 30px">
    <div style="text-align: center">
        @banzhanhu
    </div>
</footer>
</body>
</html>